<template>
  <el-card>
    <Map />
    <div style="display: flex">
      <div style="flex: 0 1 40%">
        <div>
          <Chart3 :chartType="'line'" :chartData="[10, 20, 30, 10, 20, 20]" />
        </div>
        <div>
          <Chart3 :chartType="'line'" :chartData="[10, 20, 30, 10, 20, 20]" />
        </div>
        <div>
          <Chart3 :chartType="'line'" :chartData="[10, 20, 30, 10, 20, 20]" />
        </div>
      </div>
      <div style="flex: 0 1 60%"><Chart2 /></div>
    </div>
    <Chart4 height="300px" :option="chartOption" />
  </el-card>
</template>
<script setup>
import Chart from "@/components/charts/chart.vue";
import Chart2 from "@/components/charts/chart2.vue";
import Chart3 from "@/components/charts/chart3.vue";
import Chart4 from "@/components/charts/chart4.vue";
import Map from "@/components/charts/map.vue";
</script>
<style>
</style>